<template>
    <div id="app">

        <!--header-->
        <el-row>
            <el-col :span="18" :offset="3">
                <div class="grid-content bg-purple">
                    <div class="imgl">
                        <img src="../../../assets/img/logo1.png" height="127px" width="302px ">
                    </div>
                    <div class="header">
                        <ul>
                            <li>
                                <a href="/login.html" ><div class="icon-nav">
                                    <i class="el-icon-user"></i>
                                </div><span class="nav-txt">信息门户</span></a>
                            </li>
                            <li>
                                <a href="/login.html" ><div class="icon-nav">
                                    <i class="el-icon-loading"></i>
                                </div><span class="nav-txt">English</span></a>
                            </li>
                            <li>
                                <a href="/login.html" ><div class="icon-nav">
                                    <i class="el-icon-search"></i>
                                </div><span class="nav-txt">查询更多</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </el-col>
        </el-row>

        <!--menu-->

<!--        <%&#45;&#45;填加数据&#45;&#45;%>-->
        <el-row>
            <el-col :span="18" :offset="3">
                <div class="grid-content bg-purple">
                    <div class="yq-banner">

                        <div style="min-height: 600px;font-size: 20px">
                            <h1 style="text-align: center;margin: 20px">{{news.title}}</h1>
                            <div style="float: right ;margin-right: 40px">
                                <span style="color: chocolate;font-weight: bolder;margin-right: 30px">作者：{{news.user}}</span>
                                <span style="color: dimgrey">发布时间：{{news.time}}</span>
                            </div>
                            <hr style="margin-top: 60px;margin-bottom: 20px">

                            <pre style="line-height: 40px; word-wrap: break-word;white-space: pre-wrap;">{{news.content}}</pre>

                            <div style="float: right ;margin: 40px;">
                                <span style="color: darkgreen"><i class="el-icon-thumb"></i> 点击量：{{news.click}}</span>
                                <span style="margin-left: 20px">审核人：{{news.user}}</span>
                            </div>
                        </div>

                    </div>
                </div>
            </el-col>
        </el-row>

        <!--footer-->
        <div id="footer">
            <div class="fot_bg">
                <div class="fot_bg_left">
                    <p>地 址 : P屏南县古峰镇长汾社区梨园路120号 &nbsp;Address: No. 1, Xianghe Road, Xinzheng, P. R. China<br>邮 编 : 451191
                        &nbsp; &nbsp;招生电话: 0371-62508666 &nbsp; &nbsp;451191 &nbsp; TEL: +86-0371-62508666<br>版权所有 :
                        Copyright©2007-2022 Henan University of Engineering , - 网站地图 - <span><img
                                src="" title="" alt=""
                                width="16" height="16"></span><a href="https://beian.miit.gov.cn/">豫ICP备
                            14017577号-2</a></p>
                </div>
            </div>
            <div class="fot_bg_mid">
                <ul>
                    <li><img src="../../../assets/img/fw/wb_img.png"><span>官方微博</span>
                    </li>
                    <li><img src="../../../assets/img/fw/wx_img.png"><span>官方微信</span>
                    </li>

                </ul>
            </div>
            <div class="fot_bg_right">
                <ul>
                    <li><a href="" title=""
                           onclick='_addDynClicks("wburl", 1681657356, 59790)'>新闻网</a></li>
                    <li><a href="" title=""
                           onclick='_addDynClicks("wburl", 1681657356, 59791)'>招聘网</a></li>
                    <li><a href="" title=""
                           onclick='_addDynClicks("wburl", 1681657356, 59792)'>人才引进</a></li>
                    <li><a href="" title="" onclick='_addDynClicks("wburl", 1681657356, 59793)'>校历</a></li>
                    <li><a href="" title="" onclick='_addDynClicks("wburl", 1681657356, 59794)'>医院地图</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "phylogeny",
        data(){
            return{
                indexMenu:[],
                editableTabs: [],
                url:'',
                id:'',
                news:'',
            }
        },
        created() {
            this.id=this.$route.query.param
            console.log(this.id)
            this.$http.get("/system/news/newkind2ById?id="+this.id).then(resp=>{
                this.news = resp.data.data;
                console.log(this.news);
            })
        },
        methods: {

        },
    }
</script>

<style scoped>
    .imgl{
        float: left;
    }
    * {padding: 0;list-style: none;font-family: '微软雅黑';}
    img {vertical-align: top;}
    a {text-decoration: none;}
    a:hover {text-decoration: none;color: #538191;}

    .el-col {border-radius: 4px;}
    .bg-purple-dark {background: #538191;}
    .bg-purple {background: #fff;}
    .grid-content { min-height: 100px;}

    /********header***********/
    .header{width: 350px;float: right;height: 100px;}

    .header ul li:first-child {border-left: 1px solid #e4e4e4;}

    .header ul li {
        margin-top: 10px;
        position: relative;
        width: 20%;
        text-align: center;
        font-size: 20px;
        list-style-type: none;
        float: left;
        border-right: 1px solid #e4e4e4;
    }

    .header ul li a {
        color: #333;
        font-size: 20px;
        display: block;
        height: 100px;
        position: relative;
        z-index: 1;
    }
    .header ul li a .icon-nav {
        width: 37px;
        height: 32px;
        margin: 20px 0 0 0;
        display: inline-block;
    }
    .header ul li:hover{
        background-color: #009994;
        color: #fff;
    }
    .header ul li a:hover{
        color: #fff;
    }
    .header .nav-txt {
        display: block;
        font-size: 16px;
    }

    /***********menu**********/
    .nav{
        margin:0 auto;
        height: 55px;
        position:relative;
        padding:25px 0px 0px 15px;
    }
    .nav li{
        width:135px;
        float: left;
        position: relative;
    }
    .nav li.line{
        width:1px;
        padding-top:15px;
        display:block;
    }
    .nav li>a{
        display: block;
        font-size:18px;
        color: #fff;
        height: 55px;
        line-height: 55px;
        text-align: center;
    }

    .nav li.on>a,.nav li:hover>a{
        background-color:#6b86a0;
        color:#ffffff;
        font-weight:normal!important;
        border-radius-left-top:2px ;
    }

    .nav li.on,.nav li:hover .two-nav{
        background: #6b86a0;
        display: block;
        padding-top: 0px;
        margin-top: -1px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .two-nav{
        position: absolute;
        left: 0px;
        width: 150px;
        margin-top:-1px;
        z-index: 990;
        display: none;
    }
    .two-nav a{
        display: block;
        height: 45px;
        line-height:45px;
        text-align: center;
        color: #ffffff;
        font-size: 15px;
        background: #6b86a0;
    }

    .two-nav a:hover{
        background: #538191;
    }

    .el-carousel__item h3 {
        opacity: 0.75;
        line-height: 644px;
        margin: 0;
    }

    /***********ztzl**********/
    .con_two{width:100%;margin-top:45px;}
    .jz {width: 1280px;margin: 0 auto;}
    /*服务*/
    .xy_fw{width:1280px;height:395px;}
    .xy_fw_nav{width:1280px;height:74px;line-height:74px;}
    .xy_fw_nav h1{width:150px;font-size:20px;color:#538191;border-bottom:4px #f29503 solid;margin:0 auto;text-align:center;text-indent:2em;}
    .xy_fw_nav h2{width:150px;font-size:20px;color:#538191;border-bottom:4px #f29503 solid;margin:0 auto;text-align:center;text-indent:2em;}

    .xy_fw_font{width:1280px;}
    .xy_fw_font ul li{width:250px;float:left;padding-top:37px;text-align: center;}
    .xy_fw_font ul li h1{width:100px;height:85px;padding-top:15px;;background:#538191;border-radius: 100px;text-align:center;margin:0 auto;}
    .xy_fw_font ul li h1 img{-webkit-transition:all 4s ease-in-out; width: 60px; padding-top: 10px}
    .xy_fw_font ul li h1 img:hover{-webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg) ;
        -mo-transform:rotate(360deg) ;
        transform:rotate(360deg) ;}
    .xy_fw_font ul li span{line-height:46px;text-align:center;font-size:18px;}
    .post_bg {
        background: #e36521 !important;
    }

    /***********footer**********/
    #footer{width:100%;background:#538191;padding:20px 0px; height: 180px}
    .fot_bg{width:1300px;margin:0 auto;}
    .fot_bg_left{float:left;line-height:38px;padding:20px 0px;color:#ced6e4;padding-right:30px;}

    .fot_bg_left a{color:#fff!important;}
    .fot_bg_left span{pading-top:3px;}
    .fot_bg_mid{float:left;}
    .fot_bg_mid ul li{width:111px;float:left;padding-left:30px;text-align:center;}
    .fot_bg_mid ul li img{width:111px;height:111px;}
    .fot_bg_mid ul li span{line-height:50px;color:#fff;}


    .fot_bg_right{width:210px;float:left;}
    .fot_bg_right ul li{float:left;line-height:45px;padding-left:48px;font-size: 13px;}
    .fot_bg_right ul li a{color:#ced6e4;}



    /*******************/
    .yq-banner-inner {
        width: 100%;
        min-width: 1150px;
        height: 260px;
        display: block;
        text-align: center;
        background-size: cover;
        background: url(../../../assets/img/bg.png) no-repeat center center;
        background-size:100% 260px;
    }
</style>